
body{
  margin:0 auto;
  background-color:#FFFFFF;
}

#sup{
  width: 100%;
  height:350px;
  background-image: url(../../images/front_login/login/Smoke.jpg);
  background-repeat: no-repeat;
}

#logoitec{
  width:155px;
  height: 93px;
  background-repeat: no-repeat;
  margin-left: 10px;
 }

#barrita{
  background-image: url(../../images/front_login/login/barrita_ye.png);
  background-repeat: repeat-x;
  height: 17px;
}


#img_inf{
  margin-left:22%;
  height: 210px;
  width: 600px;
  background-image: url(../../images/front_login/login/img_inflog.jpg);
  background-repeat: no-repeat;
  }

#img_logoxt{
  height: 65px;
  width: 142px;
  background-image: url(../../images/general/logoxtmini.png);
  background-repeat: no-repeat;
}

#formlogin{
  position: absolute;
  top: 25px;
  left:50%;
  background:#f7f7f7;
  background:linear-gradient(left top, left bottom, from(#fff), to(#ccc));
  background:-moz-linear-gradient(90deg, #ccc, #fff);
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  border:1px solid #222222;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  -moz-box-shadow:0 0 15px #aaa;
  -webkit-box-shadow:0 0 15px #aaa;
  box-shadow:0 0 15px #aaa;
  padding:15px;
  width:400px;
  height: 255px;
 }
 
.errorlogin{
  margin-top: 10px; 
  font:normal 12px verdana, arial, helvetica, sans-serif;
  padding-left: 20px;
  background-image: url(../../images/front_login/login/ico_error.gif);
  background-repeat: no-repeat;
  background-position: left;
  color:red;
  
}

.lostpassword{
  margin-top: 10px; 
  font:normal 12px verdana, arial, helvetica, sans-serif;
  padding-left: 20px;
  background-image: url(../../images/front_login/login/lostpass.gif);
  background-repeat: no-repeat;
  background-position: left;
  color:blueviolet;
  
}


.infologin{
  font:normal 13px verdana, arial, helvetica, sans-serif;
  text-align: center;
  background-color: #FFCC66;
  padding-left:30px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FF9900;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FF9900;
  clear: both;
}

#newuser{
  background-color: #FFCC66;
  border:1px solid  #777777;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;  
  position: absolute;
  top: 200px;
  left:10%;
  background-image: url(../../images/front_login/login/newuser01.png);
  background-repeat: no-repeat;
  height:86px;
  width:310px;
  padding:4px;
}

#newuser:hover{
  background-color:#E6B043;
  border:1px solid  #777777;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  -moz-box-shadow:0 0 15px #aaa;
  -webkit-box-shadow:0 0 15px #aaa;
  box-shadow:0 0 15px #aaa;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease;
  cursor:pointer;
  text-shadow: 1px 2px 3px #703d07;
  filter: dropshadow(color=#703d07, offx=1, offy=2); 
 }

#textbanner{
  margin-left: 86px;
  margin-top: 10px;
}

a{
  text-decoration: none;
}



h1{
  font:normal 20px verdana, arial, helvetica, sans-serif;
  font-size: 25px;
  color:#445668;
  text-transform: uppercase;
  margin-bottom: 15px;
}

p,a {
 font:normal 12px verdana, arial, helvetica, sans-serif;
 color:#445668;
}


/*-------------------------------Estilos para el FORMULARIO----------------------------------*/

label {
  font:normal 13px verdana, arial, helvetica, sans-serif;
  float:left;
  clear: left;
  margin: 11px 20px 0 0;
  width: 95px;
  text-align: right;
  font-size: 14px;
  color: #445668;
  text-transform: uppercase;
  text-shadow: 0px 1px 0px #f2f2f2;
 }


input[type=text],input[type=email],
input[type=password],select{
background: rgba(255, 255, 255, 0.9);
background:-moz-linear-gradient(90deg, #fff, #eee);
background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff));
border:1px solid #aaa;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius: 3px;
-moz-box-shadow:0 0 3px #aaa;
-webkit-box-shadow:0 0 3px #aaa;
box-shadow:0 0 3px #aaa;
padding:5px;
width: 220px;
height: 30px;
margin: 0 0 20px 0;

}
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
select:focus,select:active{
border-color:#093c75;
-moz-box-shadow:0 0 3px #0459b7;
-webkit-box-shadow:0 0 3px #0459b7;
box-shadow: 0 0 3px #0459b7;
outline:none;
    }

input[type=submit],
a.submit{
background:#ddd;
background:-moz-linear-gradient(90deg, #0459b7, #08adff);
background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#08adff', endColorstr='#0459b7'); /*para IE*/
border:1px solid #093c75;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius: 3px;
-moz-box-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #fff;
box-shadow:0 1px 0 #fff;
color:#fff;
cursor:pointer;
font:normal 15px verdana, arial, helvetica, sans-serif;
font-weight:bold;
margin-left:120px;
padding:5px 10px;
text-decoration:none;
text-shadow:0 1px 1px #333;
text-transform:uppercase;
width: 150px;
height: 40px;
}

input[type=submit]:hover,
a.submit:hover{
background:#eee;
background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0bcdff', endColorstr='#067cd3'); /*para IE*/
border-color:#093c75;
text-decoration:none;
}

input[type=submit]:active,
input[type=submit]:focus,
a.submit:active,
a.submit:focus{
background:#ccc;
background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#067cd3', endColorstr='#0bcdff'); /*para IE*/
border-color:#093c75;
outline:none;
}

